import React from 'react';
import {View, ScrollView, TouchableOpacity, Platform} from 'react-native';
import {Text, Button} from '@rneui/base';
import {useMount, useSetState} from 'ahooks';
import RNDI from 'react-native-device-info';
import {round} from 'lodash';
import style from './style.less';
export default () => {
  return (
    <ScrollView style={style.box}>
      <View style={style.group}>
        <View style={[style.item, style.itemNoBorder]}>
          <Text>设备名称</Text>
          <Text>{RNDI.getDeviceNameSync()}</Text>
        </View>
      </View>

      <View style={style.group}>
        <View style={[style.item]}>
          <Text>操作系统</Text>
          <Text>
            {RNDI.getSystemName()}
            {RNDI.getSystemVersion()}
          </Text>
        </View>
        <View style={[style.item, style.itemNoBorder]}>
          <Text>Ip地址</Text>
          <Text>{RNDI.getIpAddressSync()}</Text>
        </View>
      </View>

      <View style={style.group}>
        <View style={[style.item]}>
          <Text>BuildId</Text>
          <Text>{RNDI.getBuildIdSync()}</Text>
        </View>
        <View style={[style.item]}>
          <Text>BatteryLevel</Text>
          <Text>{RNDI.getBatteryLevelSync()}</Text>
        </View>
        <View style={[style.item]}>
          <Text>Brand</Text>
          <Text>{RNDI.getBrand()}</Text>
        </View>
        <View style={[style.item]}>
          <Text>BuildNumber</Text>
          <Text>{RNDI.getBuildNumber()}</Text>
        </View>
        <View style={[style.item, style.itemNoBorder]}>
          <Text>BundleId</Text>
          <Text>{RNDI.getBundleId()}</Text>
        </View>
      </View>

      <View style={style.group}>
        <View style={[style.item]}>
          <Text>Carrier</Text>
          <Text>{RNDI.getCarrierSync()}</Text>
        </View>
        <View style={[style.item]}>
          <Text>DeviceId</Text>
          <Text>{RNDI.getDeviceId()}</Text>
        </View>
        <View style={[style.item]}>
          <Text>DeviceType</Text>
          <Text>{RNDI.getDeviceType()}</Text>
        </View>
        <View style={[style.item, style.itemNoBorder]}>
          <Text>FirstInstallTime</Text>
          <Text>{RNDI.getFirstInstallTimeSync()}</Text>
        </View>
      </View>

      <View style={style.group}>
        <View style={[style.item]}>
          <Text>FontScale</Text>
          <Text>{RNDI.getFontScaleSync()}</Text>
        </View>
        <View style={[style.item]}>
          <Text>FreeDiskStorage</Text>
          <Text>{RNDI.getFreeDiskStorageSync()}</Text>
        </View>
        <View style={[style.item, style.itemNoBorder]}>
          <Text>FreeDiskStorageOld</Text>
          <Text>{RNDI.getFreeDiskStorageOldSync()}</Text>
        </View>
      </View>

      <View style={style.group}>
        <View style={[style.item]}>
          <Text>InstallerPackageName</Text>
          <Text>{RNDI.getInstallerPackageNameSync()}</Text>
        </View>
        <View style={[style.item]}>
          <Text>MacAddress</Text>
          <Text>{RNDI.getMacAddressSync()}</Text>
        </View>
        <View style={[style.item, style.itemNoBorder]}>
          <Text>Manufacturer</Text>
          <Text>{RNDI.getManufacturerSync()}</Text>
        </View>
      </View>

      <View style={style.group}>
        <View style={[style.item]}>
          <Text>Model</Text>
          <Text>{RNDI.getModel()}</Text>
        </View>
        <View style={[style.item, style.itemNoBorder]}>
          <Text>ReadableVersion</Text>
          <Text>{RNDI.getReadableVersion()}</Text>
        </View>
      </View>

      <View style={style.group}>
        <View style={[style.item]}>
          <Text>TotalDiskCapacity</Text>
          <Text>
            {round(RNDI.getTotalDiskCapacitySync() / 1024 / 1024 / 1024, 2)}GB
          </Text>
        </View>
        <View style={[style.item]}>
          <Text>TotalDiskCapacityOld</Text>
          <Text>
            {round(RNDI.getTotalDiskCapacityOldSync() / 1024 / 1024 / 1024, 2)}GB
          </Text>
        </View>
        <View style={[style.item]}>
          <Text>TotalMemory</Text>
          <Text>
            {round(RNDI.getTotalMemorySync() / 1024 / 1024 / 1024, 2)}GB
          </Text>
        </View>
        <View style={[style.item]}>
          <Text>Version</Text>
          <Text>
            {RNDI.getVersion()}
          </Text>
        </View>
        <View style={[style.item, style.itemNoBorder]}>
          <Text>supportedAbis</Text>
          <Text>{RNDI.supportedAbisSync()}</Text>
        </View>
      </View>

      <View style={style.group}>
        <View style={[style.item, style.itemNoBorder]}>
          <Text></Text>
          <Text></Text>
        </View>
      </View>
    </ScrollView>
  );
};
